<template>
    <div class="chamber-manage">
        <el-tabs v-model="activePaneName" type="border-card">
            <el-tab-pane label="查看会议室" name="tab1">
                <chamber-manage-pane/>
            </el-tab-pane>
<!--            <el-tab-pane label="预定会议" name="tab3" :lazy="true">-->
<!--                <reserve-chamber-pane/>-->
<!--            </el-tab-pane>-->
        </el-tabs>
    </div>
</template>

<script>
import {defineComponent} from 'vue'
import ReserveChamberPane from "./pane/ReserveChamberPane.vue";
import ChamberManagePane from "./pane/ChamberManagePane.vue";

export default defineComponent({
    components: {ChamberManagePane, ReserveChamberPane},
    props: {},
    data() {
        return {
            activePaneName: 'tab1'
        }
    }
})

</script>

<style lang="scss">
.chamber-manage{
    background: white;
    min-height: 99%;
}
</style>
